import React, { useState } from "react";
import styles from "./index.less";
import cx from "classname";
function BoxDrag({ type, item, onSwap, toId, index }) {
  const [currentItem, setCurrentItem] = useState(null);
  const onDragEnd = (e) => {
    onSwap && onSwap(item);
  };
  const onDrag = (e) => {
    e.preventDefault();
  };
  const onDragStart = (e) => {};
  return (
    <div data-id={item?.id} data-index={index} className={"boxDrag"}>
      <div className={styles.boxDrag}>
        <h5>{item?.name}</h5>
      </div>
    </div>
  );
}
export default BoxDrag;
